<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>用户界面</title>
    <link rel="shortcut icon" th:href="@{/logo/favicon.ico}"/>
    <!-- Custom fonts for this template-->
    <link rel="stylesheet" type="text/css" th:href="@{/vendor/fontawesome-free/css/all.min.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/vendor/bootstrap/fileinput/fileinput.min.css}"/>

    <link href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i"
          rel="stylesheet">
    <!-- Custom styles for this template-->
    <link rel="stylesheet" type="text/css" th:href="@{/css/sb-admin-2.min.css}"/>


    <link rel="stylesheet" type="text/css" th:href="@{/vendor/datepicker/datepicker3.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/vendor/bootstrap/timepicker/bootstrap-timepicker.css}"/>
</head>
<style>
    #content-wrapper {
        color: #000;
    }
</style>
<body id="page-top">
<!-- Page Wrapper -->
<div id="wrapper">
    <!-- Sidebar -->

    <div th:replace="commons/user_sidebar::#accordionSidebar"></div>
    <!-- End of Sidebar -->
    <!-- Content Wrapper -->

    <div id="content-wrapper" class="d-flex flex-column">
        <!-- Main Content -->
        <div id="content">
            <!-- Topbar -->
            <div th:replace="commons/user_navbar::#navbar"></div>
            <div id="content_1" class="container-fluid" style="display: block">
                <div style="width: 80%;margin: 0px auto">
                    <div class="row" style="margin-top: 30px">
                        <div class="col-sm-10 col-md-5 report_number" style="font-size: 15px"></div>
                        <div class="col-sm-10 col-md-5 text-right" style="font-size: 15px">第1页 共5页</div>
                    </div>
                    <div class="row" style="margin-top: 60px; ">
                        <div style="font-family: 华文新魏;font-size: 55px;" class="col-sm-10 text-center">
                            检 测 报 告
                        </div>
                        <div hidden="hidden" id="report2Id"></div>
                    </div>
                    <div class="row">
                        <div style="font-family: 华文新魏;font-size: 28px;" class="col-sm-10 text-center">
                            Inspection report
                        </div>
                    </div>
                    <div class="row" style="margin-top: 40px">
                        <div style="font-size: 16px;" class="col-sm-10 text-center align-self-center">
                            报告编号：<input type="text" id="reportNumber" class="report_content">
                        </div>
                    </div>
                    <div class="row" style="margin-top: 60px">
                        <div style="font-size: 16px;" class="col-sm-10 text-center align-self-center">
                            项目名称：<input type="text" id="projectName" class="report_content" value="委托检测">
                        </div>
                    </div>
                    <div class="row" style="margin-top: 5px">
                        <div style="font-size: 16px;" class="col-sm-10 text-center align-self-center">
                            委托单位：<input type="text" id="entrustingParty" class="report_content">
                        </div>
                    </div>
                    <div class="row" style="margin-top: 5px">
                        <div style="font-size: 16px;" class="col-sm-10 text-center align-self-center">
                            检测类别：<input type="text" id="checkCategory" class="report_content" value="非道路柴油移动机械排气检测">
                        </div>
                    </div>
                    <div class="row" style="margin-top: 5px">
                        <div style="font-size: 16px;" class="col-sm-10 text-center align-self-center">
                            报告日期：<input type="text" id="reportDate" class="report_content">
                        </div>
                    </div>
                    <div class="row" style="margin-top: 40px;margin-bottom: 30px">
                        <div style="font-size: 16px;" class="col-sm-10 text-center align-self-center">
                            <div id="checkOrganization">河南中诺检测技术服务有限公司</div>
                            <br>
                            （加盖检验检测专用章）
                        </div>
                    </div>
                </div>
            </div>
            <div id="content_2" class="container-fluid" style="display: none">
                <div style="width: 80%;margin: 0px auto">
                    <div class="row" style="margin-top: 30px">
                        <div class="col-sm-10 col-md-5 report_number" style="font-size: 15px"></div>
                        <div class="col-sm-10 col-md-5 text-right" style="font-size: 15px">第2页 共5页</div>
                    </div>
                    <div class="row" style="margin-top: 10px">
                        <div style="font-size: 28px;" class="col-sm-10 text-center align-self-center">
                            检测报告说明
                        </div>
                    </div>
                    <div class="row">
                        <div style="font-size: 20px;" class="col-sm-10 text-center align-self-center">
                            Description of test report
                        </div>
                    </div>
                    <div class="row" style="margin-top: 30px">
                        <div style="font-size: 14px;" class="col-sm-10 text-left">
                            1、本公司检测报告须同时具有检验检测专用章、骑缝章及资质认定标志，缺少其中之一则报告无效。 <br>
                            The company’s test report must have a speciial inspection scal,riding scal and qualification
                            identification mark, and the lack of one of the reports is invalid.
                        </div>
                    </div>
                    <div class="row" style="margin-top: 10px">
                        <div style="font-size: 14px;" class="col-sm-10 text-left">
                            2、结果表述清晰，易于理解。无授权签字人签字识别的，报告无效。 <br>
                            The results are clear and easy to understand. Where there is no authorized signature of the
                            signatory, the report shall be invalid.
                        </div>
                    </div>
                    <div class="row" style="margin-top: 10px">
                        <div style="font-size: 14px;" class="col-sm-10 text-left">
                            3、由委托单位自行采集的样品，仅对送检样品检测数据负责，不对样品来源负责。无法复现的样品，不受理申诉。 <br>
                            Samples collected by the entrusting units themselves are only responsible for the inspection
                            data of the samples submitted for inspection and are not responsible for the source of the
                            samples. The sample that can not be reproduced is not admissible.
                        </div>
                    </div>
                    <div class="row" style="margin-top: 10px">
                        <div style="font-size: 14px;" class="col-sm-10 text-left">
                            4、当需要对检测报告做出意见和解释时，本公司依据评审准则将意见和解释在报告中清晰标注。 <br>
                            When it is necessary to make comments and explanations on the test report, the company will
                            clearly indicate the opinions and explanations in the report according to the evaluation
                            guidelines.
                        </div>
                    </div>
                    <div class="row" style="margin-top: 10px">
                        <div style="font-size: 14px;" class="col-sm-10 text-left">
                            5、本报告未经同意不得用于广告宣传，复制本报告中的部分内容无效。 <br>
                            This report shall not be used for advertising without consent and the reproduction of parts
                            of this report is invalid.
                        </div>
                    </div>
                    <div class="row" style="margin-top: 60px">
                        <div style="font-size: 14px;" class="col-sm-10 text-left">
                            公司名称：河南中诺检测技术服务有限公司
                        </div>
                    </div>
                    <div class="row" style="margin-top: 5px">
                        <div style="font-size: 14px;" class="col-sm-10 text-left">
                            地 址：郑州市郑东新区祥盛街3号3号楼1层110室
                        </div>
                    </div>
                    <div class="row" style="margin-top: 5px">
                        <div style="font-size: 14px;" class="col-sm-10 text-left">
                            邮 编：450000
                        </div>
                    </div>
                    <div class="row" style="margin-top: 5px">
                        <div style="font-size: 14px;" class="col-sm-10 text-left">
                            电 话：0371-53391917
                        </div>
                    </div>
                    <div class="row" style="margin-top: 60px">
                    </div>
                </div>
            </div>
            <div id="content_3" class="container-fluid" style="display: none">
                <div style="width: 80%; margin: 0px auto">
                    <div class="row" style="margin-top: 30px">
                        <div class="col-sm-10 col-md-5 report_number" style="font-size: 15px"></div>
                        <div class="col-sm-10 col-md-5 text-right" style="font-size: 15px">第3页 共5页</div>
                    </div>
                    <div class="row" style="margin-top: 5px">
                        <div style="font-size: 20px;font-weight: bold" class="col-sm-10 text-left">
                            1、前言 preface
                        </div>
                    </div>
                    <div class="row" style="margin-top: 5px">
                        <div style="font-size: 15px;text-indent: 2em;" class="col-sm-10 text-left">
                            被检单位位于 <input type="text" id="checkAddress" class="report_content"> 受<span
                                class="entrustingParty"></span>委托，我公司于<span class="checkDate"></span>
                            对该单位指定的非道路柴油移动机械排气烟度进行了检测，现已完成检测报告。
                        </div>
                    </div>
                    <div class="row" style="margin-top: 15px">
                        <div style="font-size: 20px;font-weight: bold" class="col-sm-10 text-left">
                            2、检测方法 Detection method
                        </div>
                    </div>
                    <div class="row" style="margin-top: 10px;border: 1px black solid;">
                        <div style="font-size: 15px;" class="col-sm-3 text-center align-self-center">
                            检测项目 <br>
                            Test items
                        </div>
                        <div style="font-size: 15px;" class="col-sm-3 text-center align-self-center">
                            方法名称 <br>
                            Method Name
                        </div>
                        <div style="font-size: 15px;" class="col-sm-3 text-center align-self-center">
                            方法编号 <br>
                            Method Number
                        </div>
                        <div style="font-size: 15px;" class="col-sm-3 text-center align-self-center">
                            检测方法 <br>
                            Test Method
                        </div>
                    </div>
                    <div class="row" style="margin-top: 5px;border: 1px black solid;">
                        <div style="font-size: 15px;" class="col-sm-3  text-center align-self-center ">
                            <div id="checkItem">光吸收系数</div>
                        </div>
                        <div style="font-size: 15px;" class="col-sm-3 text-center align-self-center ">
                            <div id="basisStandard">非道路柴油移动机械排气烟度限值及测量方法(不透光烟度法)</div>
                        </div>
                        <div style="font-size: 15px;" class="col-sm-3 text-center align-self-center ">
                            <div id="basisNumber">GB 36886-2018</div>
                        </div>
                        <div style="font-size: 15px;" class="col-sm-3 text-center align-self-center ">
                            <input type="text" id="checkMethod" class="report_content">
                        </div>
                    </div>
                    <div class="row" style="margin-top: 15px">
                        <div style="font-size: 20px;font-weight: bold" class="col-sm-10 text-left">
                            3、检测仪器 Equipment used for testing
                        </div>
                    </div>
                    <div class="row" style="margin-top: 10px;border: 1px black solid;">
                        <div style="font-size: 15px;" class="col-sm-4 text-center align-self-center">
                            仪器名称 <br>
                            Instrument name
                        </div>
                        <div style="font-size: 15px;" class="col-sm-4 text-center align-self-center">
                            型号 <br>
                            model
                        </div>
                        <div style="font-size: 15px;" class="col-sm-4 text-center align-self-center">
                            检定证书编号 <br>
                            Certificate No
                        </div>
                    </div>
                    <div class="row" style="margin-top: 5px;border: 1px black solid;">
                        <div style="font-size: 15px;" class="col-sm-4  text-center align-self-center">
                            <input type="text" id="equipmentName" class="report_content">
                        </div>
                        <div style="font-size: 15px;" class="col-sm-4 text-center align-self-center ">
                            <input type="text" id="equipmentModel" class="report_content">
                        </div>
                        <div style="font-size: 15px;" class="col-sm-4 text-center align-self-center">
                            <input type="text" id="equipmentMeasurementCertificate" class="report_content">
                        </div>
                    </div>
                    <div class="row" style="margin-top: 15px">
                        <div style="font-size: 20px;font-weight: bold" class="col-sm-10 text-left">
                            4、测试机械信息 Test mechanical information
                        </div>
                    </div>
                    <div class="row" style="margin-top: 10px;border: 1px black solid;">
                        <div style="font-size: 15px;" class="col-sm-3 text-center align-self-center">
                            机械类型名称 <br>
                            Mechanical Type Name
                        </div>
                        <div style="font-size: 15px;" class="col-sm-3 text-center align-self-center">
                            <input type="text" id="machineName" class="report_content">
                        </div>
                        <div style="font-size: 15px;" class="col-sm-3 text-center align-self-center">
                            机械型号 <br>
                            Mechanical model
                        </div>
                        <div style="font-size: 15px;" class="col-sm-3 text-center align-self-center">
                            <input type="text" id="machineModel" class="report_content">
                        </div>
                    </div>
                    <div class="row" style="margin-top: 5px;border: 1px black solid;">
                        <div style="font-size: 15px;" class="col-sm-3  text-center align-self-center">
                            序列号 <br>
                            Serial number
                        </div>
                        <div style="font-size: 15px;" class="col-sm-3 text-center align-self-center ">
                            <input type="text" id="serialNumber" class="report_content">
                        </div>
                        <div style="font-size: 15px;" class="col-sm-3 text-center align-self-center">
                            环保编号 <br>
                            Environmental protection number
                        </div>
                        <div style="font-size: 15px;" class="col-sm-3 text-center align-self-center">
                            <input type="text" id="hbNumber" class="report_content">
                        </div>
                    </div>
                    <div class="row" style="margin-top: 10px;border: 1px black solid;">
                        <div style="font-size: 15px;" class="col-sm-3 text-center align-self-center">
                            机械环保号牌 <br>
                            Mechanical environmental protection <br>
                            license plate
                        </div>
                        <div style="font-size: 15px;" class="col-sm-3 text-center align-self-center">
                            <input type="text" id="machineProtectionNumber" class="report_content">
                        </div>
                        <div style="font-size: 15px;" class="col-sm-3 text-center align-self-center">
                            设备牌号 <br>
                            Equipment brands
                        </div>
                        <div style="font-size: 15px;" class="col-sm-3 text-center align-self-center">
                            <input type="text" id="equipmentNumber" class="report_content">
                        </div>
                    </div>
                    <div class="row" style="margin-top: 5px;border: 1px black solid;">
                        <div style="font-size: 15px;" class="col-sm-3  text-center align-self-center">
                            排放阶段 <br>
                            Emission phase
                        </div>
                        <div style="font-size: 15px;" class="col-sm-3 text-center align-self-center ">
                            <input type="text" id="emissionPeriod" class="report_content">
                        </div>
                        <div style="font-size: 15px;" class="col-sm-3 text-center align-self-center">
                            出厂日期 <br>
                            date of production
                        </div>
                        <div style="font-size: 15px;" class="col-sm-3 text-center align-self-center">
                            <input type="text" id="machineDate" class="report_content">
                        </div>
                    </div>
                    <div class="row" style="margin-top: 10px;border: 1px black solid;">
                        <div style="font-size: 15px;" class="col-sm-3 text-center align-self-center">
                            机械VIN码 <br>
                            Mechanical VIN code
                        </div>
                        <div style="font-size: 15px;" class="col-sm-3 text-center align-self-center">
                            <input type="text" id="machineVin" class="report_content">
                        </div>
                        <div style="font-size: 15px;" class="col-sm-3 text-center align-self-center">
                            生产企业名称 <br>
                            Name of production enterprise
                        </div>
                        <div style="font-size: 15px;" class="col-sm-3 text-center align-self-center">
                            <input type="text" id="machineManufacturer" class="report_content">
                        </div>
                    </div>
                    <div class="row" style="margin-top: 5px;border: 1px black solid;">
                        <div style="font-size: 15px;" class="col-sm-3  text-center align-self-center">
                            发动机型号 <br>
                            Engine Model
                        </div>
                        <div style="font-size: 15px;" class="col-sm-3 text-center align-self-center ">
                            <input type="text" id="engineModel" class="report_content">
                        </div>
                        <div style="font-size: 15px;" class="col-sm-3 text-center align-self-center">
                            发动机编号 <br>
                            Engine Serial NO
                        </div>
                        <div style="font-size: 15px;" class="col-sm-3 text-center align-self-center">
                            <input type="text" id="engineNumber" class="report_content">
                        </div>
                    </div>
                    <div class="row" style="margin-top: 10px;border: 1px black solid;">
                        <div style="font-size: 15px;" class="col-sm-3 text-center align-self-center">
                            发动机制造厂 <br>
                            Engine Manufacturing Plant
                        </div>
                        <div style="font-size: 15px;" class="col-sm-3 text-center align-self-center">
                            <input type="text" id="engineManufacturer" class="report_content">
                        </div>
                        <div style="font-size: 15px;" class="col-sm-3 text-center align-self-center">
                            发动机后处理类型 <br>
                            Type of engine reprocessing
                        </div>
                        <div style="font-size: 15px;" class="col-sm-3 text-center align-self-center">
                            <input type="text" id="engineReprocessType" class="report_content">
                        </div>
                    </div>
                    <div class="row" style="margin-top: 5px;border: 1px black solid;">
                        <div style="font-size: 15px;" class="col-sm-3  text-center align-self-center">
                            发动机额定转速 (r/min) <br>
                            Engine rated speed(r/min)
                        </div>
                        <div style="font-size: 15px;" class="col-sm-3 text-center align-self-center ">
                            <input type="text" id="engineSpeed" class="report_content">
                        </div>
                        <div style="font-size: 15px;" class="col-sm-3 text-center align-self-center">
                            发动机额定净功率 (kW) <br>
                            Engine rated net power(kW)
                        </div>
                        <div style="font-size: 15px;" class="col-sm-3 text-center align-self-center">
                            <input type="text" id="enginePower" class="report_content">
                        </div>
                    </div>
                    <div class="row" style="margin-top: 10px;margin-bottom: 10px;border: 1px black solid;">
                        <div style="font-size: 15px;" class="col-sm-3 text-center align-self-center">
                            环保信息公开编号 <br>
                            environmental protection number
                        </div>
                        <div style="font-size: 15px;" class="col-sm-3 text-center align-self-center">
                            <input type="text" id="enviProtNo" class="report_content">
                        </div>
                        <div style="font-size: 15px;" class="col-sm-3 text-center align-self-center">
                            发动机型式核准号 <br>
                            Engine Type Approval Number
                        </div>
                        <div style="font-size: 15px;" class="col-sm-3 text-center align-self-center">
                            <input type="text" id="engineApprovalNumber" class="report_content">
                        </div>
                    </div>
                </div>
            </div>
            <div id="content_4" class="container-fluid" style="display: none">
                <div style="width: 80%;margin: 0px auto">
                    <div class="row" style="margin-top: 30px">
                        <div class="col-sm-10 col-md-5 report_number" style="font-size: 15px"></div>
                        <div class="col-sm-10 col-md-5 text-right" style="font-size: 15px">第4页 共5页</div>
                    </div>
                    <div class="row" style="margin-top: 60px">
                        <div style="font-size: 20px;font-weight: bold" class="col-sm-10 text-left">
                            5、所有人或代理人信息 Owner’s or agent’s informaton
                        </div>
                    </div>
                    <div class="row" style="margin-top: 10px;border: 1px black solid;">
                        <div style="font-size: 15px;" class="col-sm-3 text-center align-self-center">
                            姓名 <br>
                            Name
                        </div>
                        <div style="font-size: 15px;" class="col-sm-9 text-center align-self-center">
                            <input type="text" id="agentName" class="report_content">
                        </div>
                    </div>
                    <div class="row" style="margin-top: 10px;border: 1px black solid;">
                        <div style="font-size: 15px;" class="col-sm-3 text-center align-self-center">
                            联系电话 <br>
                            Contact number
                        </div>
                        <div style="font-size: 15px;" class="col-sm-9 text-center align-self-center">
                            <input type="text" id="agentMobile" class="report_content">
                        </div>
                    </div>
                    <div class="row" style="margin-top: 10px;border: 1px black solid;">
                        <div style="font-size: 15px;" class="col-sm-3 text-center align-self-center">
                            联系地址 <br>
                            Contact Address
                        </div>
                        <div style="font-size: 15px;" class="col-sm-9 text-center align-self-center">
                            <input type="text" id="agentAddress" class="report_content">
                        </div>
                    </div>
                    <div class="row" style="margin-top: 10px">
                        <div style="font-size: 20px;font-weight: bold" class="col-sm-10 text-left">
                            6、测试现场环境条件 Test environmental conditions on site
                        </div>
                    </div>
                    <div class="row" style="margin-top: 10px;;border: 1px black solid;">
                        <div style="font-size: 15px;" class="col-sm-3 text-center align-self-center">
                            温度 （℃） <br>
                            Temperature (℃)
                        </div>
                        <div style="font-size: 15px;" class="col-sm-3 text-center align-self-center">
                            大气压（kPa） <br>
                            Atmospheric pressure (kPa)
                        </div>
                        <div style="font-size: 15px;" class="col-sm-3 text-center align-self-center">
                            相对湿度（%） <br>
                            Relative humidity (%)
                        </div>
                        <div style="font-size: 15px;" class="col-sm-3 text-center align-self-center">
                            海拔高度（m） <br>
                            Elevation (m)
                        </div>
                    </div>
                    <div class="row" style="margin-top: 5px;border: 1px black solid;">
                        <div style="font-size: 15px;" class="col-sm-3 text-center align-self-center">
                            <input type="text" id="temperature" class="report_content">
                        </div>
                        <div style="font-size: 15px;" class="col-sm-3 text-center align-self-center">
                            <input type="text" id="pressure" class="report_content">
                        </div>
                        <div style="font-size: 15px;" class="col-sm-3 text-center align-self-center">
                            <input type="text" id="humidity" class="report_content">
                        </div>
                        <div style="font-size: 15px;" class="col-sm-3 text-center align-self-center">
                            <input type="text" id="elevation" class="report_content">
                        </div>
                    </div>
                    <div class="row" style="margin-top: 10px">
                        <div style="font-size: 20px;font-weight: bold" class="col-sm-10 text-left">
                            7、检测结果 Detect results
                        </div>
                    </div>
                    <div class="row" style="margin-top: 0px;border: 1px black solid;">
                        <div style="font-size: 20px;" class="col-sm-12 text-center align-self-center">
                            排气烟度检测/观测
                        </div>
                    </div>
                    <div class="row" style="border: 1px solid black;margin-top: 5px">
                        <div style="font-size: 15px;" class="col-sm-3 text-center align-self-center">
                            检测日期 <br>
                            Date of test
                        </div>
                        <div style="font-size: 15px;" class="col-sm-3 text-center align-self-center">
                            <input type="text" id="checkDate" class="report_content">
                        </div>
                        <div style="font-size: 15px;" class="col-sm-3 text-center align-self-center">
                            检测起止时间 <br>
                            Detect start and end time
                        </div>
                        <div style="font-size: 15px;" class="col-sm-3 text-center align-self-center">
                            <input type="text" id="checkStartEndTime" class="report_content">
                        </div>
                    </div>
                    <div class="row" style="border: 1px solid black;margin-top: 5px">
                        <div style="font-size: 20px;" class="col-sm-12 text-center align-self-center">
                            测量值（m-1）
                        </div>
                    </div>
                    <div class="row" style="border: 1px solid black;margin-top: 5px">
                        <div style="font-size: 15px;" class="col-sm-3 text-center align-self-center">
                            第一次检测 <br>
                            First detected
                        </div>
                        <div style="font-size: 15px;" class="col-sm-3 text-center align-self-center">
                            第二次检测 <br>
                            Second detected
                        </div>
                        <div style="font-size: 15px;" class="col-sm-3 text-center align-self-center">
                            第三次检测 <br>
                            Third detected
                        </div>
                        <div style="font-size: 15px;" class="col-sm-3 text-center align-self-center">
                            平均值（m-1） <br>
                            AVG （m-1）
                        </div>
                    </div>
                    <div class="row" style="border: 1px solid black;margin-top: 5px">
                        <div style="font-size: 15px;" class="col-sm-3 text-center align-self-center">
                            <input type="text" id="checkResult1" class="report_content">
                        </div>
                        <div style="font-size: 15px;" class="col-sm-3 text-center align-self-center">
                            <input type="text" id="checkResult2" class="report_content">
                        </div>
                        <div style="font-size: 15px;" class="col-sm-3 text-center align-self-center">
                            <input type="text" id="checkResult3" class="report_content">
                        </div>
                        <div style="font-size: 15px;" class="col-sm-3 text-center align-self-center">
                            <input type="text" id="checkAvg" class="report_content">
                        </div>
                    </div>
                    <div class="row" style="border: 1px solid black;margin-top: 5px">
                        <div style="font-size: 15px;" class="col-sm-4 text-center align-self-center">
                            转速(r/min) <br>
                            speed(r/min)
                        </div>
                        <div style="font-size: 15px;" class="col-sm-4 text-center align-self-center">
                            禁止高排区域 <br>
                            No high discharge area
                        </div>
                        <div style="font-size: 15px;" class="col-sm-4 text-center align-self-center">
                            限值（m-1） <br>
                            Limit values （m-1）
                        </div>
                    </div>
                    <div class="row" style="border: 1px solid black;margin-top: 5px">
                        <div style="font-size: 15px;" class="col-sm-4 text-center align-self-center">
                            <input type="text" id="checkSpeed" class="report_content">
                        </div>
                        <div style="font-size: 15px;" class="col-sm-4 text-center align-self-center">
                            <input type="text" id="checkHighArea" class="report_content">
                        </div>
                        <div style="font-size: 15px;" class="col-sm-4 text-center align-self-center">
                            <input type="text" id="checkLimit" class="report_content">
                        </div>
                    </div>
                    <div class="row" style="border: 1px solid black;margin-top: 5px">
                        <div style="font-size: 15px;" class="col-sm-4 text-center align-self-center">
                            目视烟羽 <br>
                            Visual plume
                        </div>
                        <div style="font-size: 15px;" class="col-sm-4 text-center align-self-center">
                            <input type="text" id="checkVp" class="report_content">
                        </div>
                        <div style="font-size: 15px;" class="col-sm-4 text-center align-self-center">
                            （Pmax≥19kW的Ⅱ类及Ⅲ类)
                        </div>
                    </div>
                    <div class="row" style="border: 1px solid black;margin-top: 5px;margin-bottom: 35px">
                        <div style="font-size: 15px;" class="col-sm-4 text-center align-self-center">
                            合格判定 <br>
                            Outcome determination
                        </div>
                        <div style="font-size: 15px;" class="col-sm-8 text-center align-self-center">
                            <input type="text" id="checkJudgment" class="report_content">
                        </div>
                    </div>
                </div>
            </div>
            <div id="content_5" class="container-fluid" style="display: none">
                <div style="width: 80%;margin: 0px auto">
                    <div class="row" style="margin-top: 30px">
                        <div class="col-sm-10 col-md-5 report_number" style="font-size: 15px"></div>
                        <div class="col-sm-10 col-md-5 text-right" style="font-size: 15px">第5页 共5页</div>
                    </div>
                    <div class="row" style="margin-top: 30px">
                        <div class="col-sm-5">
                            机械整体照片
                            <input id="pic1" type="file" class="file">
                        </div>
                        <div class="col-sm-5">
                            车辆铭牌照片
                            <input id="pic2" type="file" class="file">
                        </div>
                    </div>
                    <div class="row" style="margin-top: 30px">
                        <div class="col-sm-5">
                            发动机铭牌照片
                            <input id="pic3" type="file" class="file">
                        </div>
                        <div class="col-sm-5">
                            后处理装置照片
                            <input id="pic4" type="file" class="file">
                        </div>
                    </div>
                    <div class="row" style="margin-top: 30px">
                        <div class="col-sm-5">
                            检测照片
                            <input id="pic5" type="file" class="file">
                        </div>
                        <div class="col-sm-5">
                            结果照片
                            <input id="pic6" type="file" class="file">
                        </div>
                    </div>
                    <div class="row" style="margin-top: 30px">
                        <div class="col-sm-5">
                            环保铭牌照片
                            <input id="pic7" type="file" class="file">
                        </div>
                        <div class="col-sm-5">
                            型式核准号照片
                            <input id="pic8" type="file" class="file">
                        </div>
                    </div>
                    <div class="row" style="margin-top: 30px;margin-bottom: 35px">
                        <div class="col-sm-5">
                            车辆后端照片
                            <input id="pic9" type="file" class="file">
                        </div>
                        <div class="col-sm-5">
                            车辆侧面照片
                            <input id="pic10" type="file" class="file">
                        </div>
                    </div>
                    <div style="margin-top: 40px" class="row">
                        <div class="col-sm-10 text-right">
                            <a th:if="${(verify_status == null || verify_status == 'save') && (session.userId != 72 && session.userId != 73)}" id="submit_report" href="#"
                               class="btn btn-success btn-icon-split">
                            <span class="icon text-white-50">
                                <i class="fas fa-arrow-right"></i>
                            </span>
                                <span class="text">提交</span>
                            </a>
                            <a th:if="${verify_status == 'modify'}" id="submit_modify_report" href="#"
                               class="btn btn-success btn-icon-split">
                            <span class="icon text-white-50">
                                <i class="fas fa-arrow-right"></i>
                            </span>
                                <span class="text">重审</span>
                            </a>

                            <a id="save_report" href="#" class="btn btn-info btn-icon-split">
                            <span class="icon text-white-50">
                                <i class="fas fa-arrow-right"></i>
                            </span>
                                <span th:if="${verify_status == 'modify'}" class="text">修改</span>
                                <span th:if="${verify_status == 'save'}" class="text">保存</span>
                                <span th:if="${verify_status == null}" class="text">保存</span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-11 col-md-4">
                </div>
                <div class="col-sm-11 col-md-7">
                    <div class="dataTables_paginate paging_simple_numbers">
                        <ul class="pagination">
                            <li class="paginate_button page-item previous disabled" id="dataTable_previous">
                                <a href="#" data-dt-idx="0" tabindex="0"
                                   class="page-link">上一页</a>
                            </li>
                            <li class="paginate_button page-item active">
                                <a href="#" data-dt-idx="1" tabindex="0"
                                   class="page-link">1</a>
                            </li>
                            <li class="paginate_button page-item">
                                <a href="#" data-dt-idx="2" tabindex="0"
                                   class="page-link">2</a>
                            </li>
                            <li class="paginate_button page-item ">
                                <a href="#" aria-controls="dataTable" data-dt-idx="3" tabindex="0"
                                   class="page-link">3</a>
                            </li>
                            <li class="paginate_button page-item ">
                                <a href="#" data-dt-idx="4" tabindex="0"
                                   class="page-link">4</a>
                            </li>
                            <li class="paginate_button page-item ">
                                <a href="#" data-dt-idx="5" tabindex="0"
                                   class="page-link">5</a>
                            </li>
                            <li class="paginate_button page-item next" id="dataTable_next">
                                <a href="#" data-dt-idx="6" tabindex="0"
                                   class="page-link">下一页</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>
<!-- Logout Modal-->
<div th:replace="commons/logout::#logoutModal"></div>

<!-- Bootstrap core JavaScript-->
<script type="text/javascript" th:src="@{/vendor/jquery/jquery.min.js}"></script>
<script type="text/javascript" th:src="@{/vendor/bootstrap/js/bootstrap.bundle.min.js}"></script>
<script type="text/javascript" th:src="@{/bootstrap-3.3.7-dist/js/bootstrap.js}"></script>
<script type="text/javascript" th:src="@{/js/user_commons.js}"></script>
<!-- Core plugin JavaScript-->
<script type="text/javascript" th:src="@{/vendor/jquery-easing/jquery.easing.min.js}"></script>
<!--日期选择器-->
<script type="text/javascript" th:src="@{/vendor/datepicker/bootstrap-datepicker.js}"></script>
<script type="text/javascript" th:src="@{/vendor/datepicker/locales/bootstrap-datepicker.zh-CN.js}"></script>
<script type="text/javascript" th:src="@{/vendor/bootstrap/timepicker/bootstrap-timepicker.js}"></script>
<!--图片上传.js-->
<script type="text/javascript" th:src="@{/vendor/bootstrap/fileinput/fileinput.min.js}"></script>
<script type="text/javascript" th:src="@{/vendor/bootstrap/fileinput/locals/zh.min.js}"></script>
<script type="text/javascript" th:src="@{/js/sb-admin-2.min.js}"></script>
</body>
<script>
    //----start  初始化 图片控件  ------
    var image_arr = ["[[${data?.pic1}]]", "[[${data?.pic2}]]", "[[${data?.pic3}]]", "[[${data?.pic4}]]", "[[${data?.pic5}]]", "[[${data?.pic6}]]", "[[${data?.pic7}]]", "[[${data?.pic8}]]", "[[${data?.pic9}]]", "[[${data?.pic10}]]"];
    for (var i = 0; i < image_arr.length; i++) {
        if (image_arr[i] != "") {
            $("#pic" + (i + 1)).fileinput({
                language: "zh",
                allowedFileExtensions: ["jpg", "png", "jpeg"],
                maxFileCount: 1,      //上传文件数为1
                maxFileSize: 2048,   //设置文件最大不超过 2M
                dropZoneEnabled: false,  //不显示拖拽区域
                showUpload: false,  //不显示上传按钮
                initialPreview: [
                    "<img src=" + image_arr[i] + " class='file-preview-image kv-preview-data' title='20.jpeg' alt='20.jpeg' style='width: auto; height: auto; max-width: 100%; max-height: 100%;'>"
                ]
            });
        } else {
            $("#pic" + (i + 1)).fileinput({
                language: "zh",
                allowedFileExtensions: ["jpg", "png", "jpeg"],
                maxFileCount: 1,      //上传文件数为1
                maxFileSize: 2048,   //设置文件最大不超过 2M
                dropZoneEnabled: false,  //不显示拖拽区域
                showUpload: false  //不显示上传按钮
            });
        }
    }
    //----start  初始化 图片控件  ------

    $(function () {
        if ("[[${data?.report2Id}]]" != "") {
            //todo 数据装载
            $("#report2Id").val("[[${data?.report2Id}]]");
            $("#reportNumber").val("[[${data?.reportNumber}]]");
            $("#projectName").val("[[${data?.projectName}]]");
            $("#entrustingParty").val("[[${data?.entrustingParty}]]");
            $("#checkCategory").val("[[${data?.checkCategory}]]");
            $("#reportDate").val("[[${data?.reportDate}]]");
            // $("#checkOrganization").text("[[${data?.checkOrganization}]]");  //text
            $("#checkItem").text("[[${data?.checkItem}]]");
            $("#basisStandard").text("[[${data?.basisStandard}]]");
            $("#basisNumber").text("[[${data?.basisNumber}]]");
            $("#checkAddress").val("[[${data?.checkAddress}]]");
            $("#checkMethod").val("[[${data?.checkMethod}]]");
            $("#equipmentName").val("[[${data?.equipmentName}]]");
            $("#equipmentModel").val("[[${data?.equipmentModel}]]");
            $("#equipmentMeasurementCertificate").val("[[${data?.equipmentMeasurementCertificate}]]");
            $("#machineName").val("[[${data?.machineName}]]");
            $("#machineModel").val("[[${data?.machineModel}]]");
            $("#serialNumber").val("[[${data?.serialNumber}]]");
            $("#hbNumber").val("[[${data?.hbNumber}]]");
            $("#machineProtectionNumber").val("[[${data?.machineProtectionNumber}]]");
            $("#equipmentNumber").val("[[${data?.equipmentNumber}]]");
            $("#emissionPeriod").val("[[${data?.emissionPeriod}]]");
            $("#machineDate").val("[[${data?.machineDate}]]");
            $("#machineVin").val("[[${data?.machineVin}]]");
            $("#machineManufacturer").val("[[${data?.machineManufacturer}]]");
            $("#engineModel").val("[[${data?.engineModel}]]");
            $("#engineNumber").val("[[${data?.engineNumber}]]");
            $("#engineManufacturer").val("[[${data?.engineManufacturer}]]");
            $("#engineReprocessType").val("[[${data?.engineReprocessType}]]");
            $("#engineSpeed").val("[[${data?.engineSpeed}]]");
            $("#enginePower").val("[[${data?.enginePower}]]");
            $("#enviProtNo").val("[[${data?.enviProtNo}]]");
            $("#engineApprovalNumber").val("[[${data?.engineApprovalNumber}]]");
            $("#agentName").val("[[${data?.agentName}]]");
            $("#agentMobile").val("[[${data?.agentMobile}]]");
            $("#agentAddress").val("[[${data?.agentAddress}]]");
            $("#temperature").val("[[${data?.temperature}]]");
            $("#pressure").val("[[${data?.pressure}]]");
            $("#humidity").val("[[${data?.humidity}]]");
            $("#elevation").val("[[${data?.elevation}]]");
            $("#checkDate").val("[[${data?.checkDate}]]");
            $("#checkStartEndTime").val("[[${data?.checkStartEndTime}]]");
            $("#checkAvg").val("[[${data?.checkAvg}]]");
            $("#checkSpeed").val("[[${data?.checkSpeed}]]");
            $("#checkHighArea").val("[[${data?.checkHighArea}]]");
            $("#checkLimit").val("[[${data?.checkLimit}]]");
            $("#checkResult1").val("[[${data?.checkResult1}]]");
            $("#checkResult2").val("[[${data?.checkResult2}]]");
            $("#checkResult3").val("[[${data?.checkResult3}]]");
            $("#checkVp").val("[[${data?.checkVp}]]");
            $("#checkJudgment").val("[[${data?.checkJudgment}]]");
        }
    });

    //Date picker
    $("#checkDate").datepicker({
        language: 'zh-CN',
        autoclose: true,
        format: 'yyyy.mm.dd'
    });
</script>
<!--自定义 页面切换 以及页码的变动 数据装载等-->
<script>
    //数据写入时变化
    $("#reportNumber").bind("input propertychange", function () {
        $(".report_number").html($(this).val());
    });
    $("#entrustingParty").bind("input propertychange", function () {
        $(".entrustingParty").html($(this).val());
    });
    $("#checkDate").bind("input propertychange", function () {
        $(".checkDate").html($(this).val());
    });

    //页码变化 , 内容切换
    var count = 1;
    $(".pagination li").eq(0).click(function () {
        if (count <= 1) {
            $(".pagination li").eq(0).addClass("disabled");
            return false;
        } else {
            $(".pagination li").eq(6).removeClass("disabled");
            $(".pagination li").eq(count).removeClass("active");
            $("#content_" + count).css("display", "none");
            --count;
            $(".pagination li").eq(count).addClass("active");
            $("#content_" + count).css("display", "block");
        }
        if (count == 1) {
            $(".pagination li").eq(0).addClass("disabled");
        }
    });
    $(".pagination li").eq(6).click(function () {
        if (count >= 5) {
            $(".pagination li").eq(6).addClass("disabled");
            return false;
        }
        $(".pagination li").eq(0).removeClass("disabled");
        $(".pagination li").eq(count).removeClass("active");
        $("#content_" + count).css("display", "none");
        ++count;
        $(".pagination li").eq(count).addClass("active");
        $("#content_" + count).css("display", "block");
        if (count == 5) {
            $(".pagination li").eq(6).addClass("disabled");
        }
    })
    $(".pagination li").eq(1).click(function () {
        $(".pagination li").eq(6).removeClass("disabled");
        $(".pagination li").eq(0).addClass("disabled");
        $(".pagination li").eq(1).addClass("active");
        $(".pagination li").eq(count).removeClass("active");
        $("#content_" + count).css("display", "none");
        $("#content_" + 1).css("display", "block");
        count = 1;
    });
    $(".pagination li").eq(5).click(function () {
        $(".pagination li").eq(0).removeClass("disabled");
        $(".pagination li").eq(6).addClass("disabled");
        $(".pagination li").eq(5).addClass("active");
        $(".pagination li").eq(count).removeClass("active");
        $("#content_" + count).css("display", "none");
        $("#content_" + 5).css("display", "block");
        count = 5;
    });
    $(".pagination li").eq(2).click(function () {
        $(".pagination li").eq(0).removeClass("disabled");
        $(".pagination li").eq(6).removeClass("disabled");
        $(".pagination li").eq(count).removeClass("active");
        $(".pagination li").eq(2).addClass("active");
        $("#content_" + count).css("display", "none");
        $("#content_" + 2).css("display", "block");
        count = 2;
    });
    $(".pagination li").eq(3).click(function () {
        $(".pagination li").eq(0).removeClass("disabled");
        $(".pagination li").eq(6).removeClass("disabled");
        $(".pagination li").eq(count).removeClass("active");
        $(".pagination li").eq(3).addClass("active");
        $("#content_" + count).css("display", "none");
        $("#content_" + 3).css("display", "block");
        count = 3;
    });
    $(".pagination li").eq(4).click(function () {
        $(".pagination li").eq(0).removeClass("disabled");
        $(".pagination li").eq(6).removeClass("disabled");
        $(".pagination li").eq(count).removeClass("active");
        $(".pagination li").eq(4).addClass("active");
        $("#content_" + count).css("display", "none");
        $("#content_" + 4).css("display", "block");
        count = 4;
    });

    function load_data() {
        //图片base64装载
        var arr = [];
        var count = 1;
        $(".file-input").each(function () {
            try {
                arr[count++] = $(this).find("img")[0].src;
            } catch (e) {
            }
        });
        var data_json = JSON.stringify({
            report2Id: $("#report2Id").val().trim(),
            reportNumber: $("#reportNumber").val().trim(),
            projectName: $("#projectName").val().trim(),
            entrustingParty: $("#entrustingParty").val().trim(),
            checkCategory: $("#checkCategory").val().trim(),
            reportDate: $("#reportDate").val().trim(),
            checkOrganization: $("#checkOrganization").text().trim(),  //text
            checkItem: $("#checkItem").text().trim(),
            basisStandard: $("#basisStandard").text().trim(),
            basisNumber: $("#basisNumber").text().trim(),
            checkAddress: $("#checkAddress").val().trim(),
            checkMethod: $("#checkMethod").val().trim(),
            equipmentName: $("#equipmentName").val().trim(),
            equipmentModel: $("#equipmentModel").val().trim(),
            equipmentMeasurementCertificate: $("#equipmentMeasurementCertificate").val().trim(),
            machineName: $("#machineName").val().trim(),
            machineModel: $("#machineModel").val().trim(),
            serialNumber: $("#serialNumber").val().trim(),
            hbNumber: $("#hbNumber").val().trim(),
            machineProtectionNumber: $("#machineProtectionNumber").val().trim(),
            equipmentNumber: $("#equipmentNumber").val().trim(),
            emissionPeriod: $("#emissionPeriod").val().trim(),
            machineDate: $("#machineDate").val().trim(),
            machineVin: $("#machineVin").val().trim(),
            machineManufacturer: $("#machineManufacturer").val().trim(),
            engineModel: $("#engineModel").val().trim(),
            engineNumber: $("#engineNumber").val().trim(),
            engineManufacturer: $("#engineManufacturer").val().trim(),
            engineReprocessType: $("#engineReprocessType").val().trim(),
            engineSpeed: $("#engineSpeed").val().trim(),
            enginePower: $("#enginePower").val().trim(),
            enviProtNo: $("#enviProtNo").val().trim(),
            engineApprovalNumber: $("#engineApprovalNumber").val().trim(),
            agentName: $("#agentName").val().trim(),
            agentMobile: $("#agentMobile").val().trim(),
            agentAddress: $("#agentAddress").val().trim(),
            temperature: $("#temperature").val().trim(),
            pressure: $("#pressure").val().trim(),
            humidity: $("#humidity").val().trim(),
            elevation: $("#elevation").val().trim(),
            checkDate: $("#checkDate").val().trim(),
            checkStartEndTime: $("#checkStartEndTime").val().trim(),
            checkAvg: $("#checkAvg").val().trim(),
            checkSpeed: $("#checkSpeed").val().trim(),
            checkHighArea: $("#checkHighArea").val().trim(),
            checkLimit: $("#checkLimit").val().trim(),
            checkResult1: $("#checkResult1").val().trim(),
            checkResult2: $("#checkResult2").val().trim(),
            checkResult3: $("#checkResult3").val().trim(),
            checkVp: $("#checkVp").val().trim(),
            checkJudgment: $("#checkJudgment").val().trim(),
            pic1: arr[1],
            pic2: arr[2],
            pic3: arr[3],
            pic4: arr[4],
            pic5: arr[5],
            pic6: arr[6],
            pic7: arr[7],
            pic8: arr[8],
            pic9: arr[9],
            pic10: arr[10]
        });
        return data_json;
    }

    $("#submit_modify_report").click(function () {
        var con = true;
        //数据填写验证 , 不能为空
        $(".report_content").each(function () {
            if ($(this).val() == "") {
                alert("数据请填写完整 ,空数据请使用\"/\"替代 -->");
                con = false;
                return false;
            }
        });
        if (!con) {
            return false;
        }
        // if(!checkSubmitPassword()){
        //     alert("口令有误!提交失败!!!!");
        //     return;
        // }
        $.ajax({
            url: "/user/report2/modify-status?rid=" + $("#report2Id").val()+"&status=1",
            type: "post",
            beforeSend: function (request) {
                request.setRequestHeader("uid", localStorage.getItem("token"));
            },
            success: function (result) {
                alert(result.message);
            }
        });
    });

    $("#save_report").click(function () {
        $.ajax({
            url: "/user/save-report2",
            type: "post",
            contentType: "application/json;charset=utf-8",
            beforeSend: function (request) {
                request.setRequestHeader("uid", localStorage.getItem("token"));
            },
            data: load_data(),
            dateType: "json",
            success: function (result) {
                if (result.code != 200) {
                    alert(result.message);
                } else {
                    alert("保存成功!")
                    // window.location.href = "/user/submit_report2?rid=" + result.data;
                }
            }
        });
    });
    //提交表单
    $("#submit_report").click(function () {
        var con = true;
        //数据填写验证 , 不能为空
        $(".report_content").each(function () {
            if ($(this).val() == "") {
                alert("数据请填写完整 ,空数据请使用\"/\"替代 -->");
                con = false;
                return false;
            }
        });
        if (!con) {
            return false;
        }
        // if(!checkSubmitPassword()){
        //     alert("口令有误!提交失败!!!!");
        //     return;
        // }
        //todo 数值计算
        $.ajax({
            url: "/user/submit-report2",
            type: "post",
            contentType: "application/json;charset=utf-8",
            beforeSend: function (request) {
                request.setRequestHeader("uid", localStorage.getItem("token"));
            },
            data: load_data(),
            dateType: "json",
            success: function (data) {
                alert(data.message);
            }
        });
    });

    // function checkSubmitPassword() {
    //     var uid = localStorage.getItem("token");
    //     if(uid == 44){
    //         var password =  prompt("请输入口令：");
    //         if(password != "12053783"){
    //             return false;
    //         }
    //     }
    //     return true;
    // }
</script>
</html>